window.onload = function () {
    var main = document.querySelector('.main')
    var commentlist = document.querySelector('.content-list')
    var textarea = document.querySelector('textarea')
    var send = document.querySelector('#send')
    // 截取参数
    var parms = location.search.substring(1);
    // console.log(location.search);
    var arr = parms.split('=');
    var id = arr[1]
    console.log(id);
    // 获取文章详细信息
    $.ajax({
        type: 'post',				// 请求方式
        url: 'http://127.0.0.1:3007/api/mainarticle',		// 路径
        // contentType: "application/json",
        dataType: 'json',		// 这里是指定了参数的类型
        data: {
            aid: id
        },
        success: function (res) {
            console.log(res);
            var li = document.createElement('li')
            li.innerHTML = '<h4>' + res.title + '</h4><p>' + res.text + '</p>'
            main.appendChild(li)
        }
    })
    add()
    //写评论模块
    send.onclick = function () {
        if (textarea.value != '') {
            $.ajax({
                type: 'post',				// 请求方式
                url: 'http://127.0.0.1:3007/api/writecomment',		// 路径
                // contentType: "application/json",
                dataType: 'json',		// 这里是指定了参数的类型
                data: {
                    comment: textarea.value,
                    aid: id
                },
                success: function (res) {
                    textarea.value = ''
                    $('.content-list').empty()
                    add()
                }
            })
        }
        else {
            alert('请将评论框填写完整')
        }
    }
    // //获取评论模块

    function add() {
        $.ajax({
            type: 'post',				// 请求方式
            url: 'http://127.0.0.1:3007/api/comment',		// 路径
            // contentType: "application/json",
            dataType: 'json',		// 这里是指定了参数的类型
            data: {
                aid: id
            },
            success: function (res) {
                for (let i = 0; i < res.resu.length; i++) {
                    var li = document.createElement('li')
                    li.innerHTML = res.resu[i].comment
                    commentlist.appendChild(li)
                }

            }
        })
    }



}
